<template name="ticketsTitle">
  <div class="view">
    <i class="icon"></i>
    国内机票
  </div>
</template>

<script>
export default {
  name: "ticketsTitle"
};
</script>

<style lang="stylus" scoped>
.view {
  height: 60px;
  font-size: 18px;
  display: flex;
  align-items: center;
  width:1000px;
  margin:auto;

  .icon {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url('https://b2-q.mafengwo.net/s14/M00/80/C2/wKgE2l0do-GAczUGAAAaNUcOHfo497.png');
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 15px 0 20px;
  }
}
</style>